import Vue from 'vue'
import App from './App.vue'
// 如果文件夹中文件是 index.js，文件名可以省略
import router from './router'
import store from './store'
import '@vant/touch-emulator'
import StarBox from './components/StarBox.vue'

import { Collapse, CollapseItem } from 'vant';
import 'vant/lib/index.css';

Vue.use(Collapse);
Vue.use(CollapseItem);


import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Vue.config.productionTip = false

// 定义全局组件（任意位置都可以使用的组件）,通过Vue构造函数的静态方法
Vue.component('star-box', StarBox);

// 在 window 全局的变量上，保存创建好一个 Vue 实例
/**
 * Vue 实例上有这些事件相关的方法
 * 注册事件：eventBus.$on
 *    eventBus.$on('自定义事件名称', event => { console.log(event) })
 * 解绑/删除/注销事件：eventBus.$off
 *    eventBus.$off('自定义事件名称', event => { console.log(event) })
 * 触发/派发事件：eventBus.$emit
 *    eventBus.$emit('自定义事件名称', 传递的数据)
 */
window.eventBus = new Vue();

// 根实例 $root
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
